<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <style>
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/launch.css">

        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script>window.html5 || document.write('<script src="js/html5shiv.js"><\/script>')</script>
        <![endif]-->
    </head>
    <body>
        <div class="container">
            <header class="launch-head">
                <h1>Awesome</h1>
                <h2>Jump aboard the hype train.</h2> 
            </header>

            <section id="signup-sect"> 
                <p>We'll be launching soon. Try entering a valid email address to see the animations.</p> 
                <div class="flex-container">
                    <form class='fancy-form'>
                        <div class="controls controls-row hide-me">
                          <input  id="input-email" class="span5" type="text" name="email" value="your@email.com" placeholder="your@email.com">
                          <button id="submit-email" class="span2 btn btn-fancy" type="submit">Sign up</button>
                        </div>                        
                        <div id="resp" class="center-child"></div> <!-- Response message -->
                    </form>
                    <div class="well" id="error"></div> <!-- Error message -->
                    <div id="share"> <!-- Social -->
                        <ul class="icons">
                            <li class="share-button">
                                <a href="http://twitter.com"><i class="icon-twitter-sign"></i></a></li>
                            <li class="share-button">
                                <a href="http://facebook.com"><i class="icon-facebook-sign"></i></a></li>
                            <li class="share-button">
                                <a href="http://plus.google.com"><i class="icon-google-plus-sign"></i></a></li>
                        </ul>                        
                        <a class='muted pull-right' href="mailto:hello@example.com">hello@example.com</a>
                    </div>
                </div>
            </section>

            <section id="info" class="row">
                <div class="span4">
                    <h3>Super</h3>
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
                </div>
                <div class="span4">
                    <h3>Awesome</h3>
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
               </div>
                <div class="span4">
                    <h3>Launch</h3>
                    <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                </div>
            </section>

            <footer id="pagefooter">
                <p class="pull-right">©2012 Awesome Launch</p>
            </footer>
        </div> <!-- /container -->

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js"><\/script>')</script>

        <script src="js/bootstrap.min.js"></script>
        <script src="js/launch.js"></script>
    </body>
</html>